﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="FontSizeCalculation.aspx.cs" Inherits="JqueryProj.CssUtil.FontSizeCalculation" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        div { width: 20px; height: 20px; }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
      <asp:Repeater ID="rptColor" runat="server" 
            onitemdatabound="rptColor_ItemDataBound">
                    <HeaderTemplate>
                        <table>
                            <thead>
                                <tr>
                                    <th>
                                        Name
                                    </th>
                                    <th>
                                        Hex
                                    </th>
                                    <th>
                                        RGB
                                    </th>
                                    <th>
                                        
                                    </th>
                                </tr>
                            </thead>
                    </HeaderTemplate>
                    <ItemTemplate>
                        <tr>
                            <td>
                                <div id="divColor" runat="server"  />
                                
                            </td>
                            <td>
                                <asp:Label ID="lblColorName" runat="server"  Text='<%# DataBinder.Eval(Container.DataItem, "ColorName") %>'></asp:Label>
                       
                            </td>
                            <td>
                                <asp:Literal ID="letHex" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Hex") %>' />
                            </td>
                            <td>
                                <asp:Literal ID="litRGB" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "RGB") %>' />
                            </td>

                        </tr>
                    </ItemTemplate>
                    <FooterTemplate>
                        </table>
                    </FooterTemplate>
                    <SeparatorTemplate>
                    </SeparatorTemplate>
                </asp:Repeater> 
                <br />
        <asp:Repeater ID="rptFont" runat="server">
                    <HeaderTemplate>
                        <table>
                            <thead>
                                <tr>
                                    <th>
                                        Points
                                    </th>
                                    <th>
                                        Pixels
                                    </th>
                                    <th>
                                        Ems
                                    </th>
                                    <th>
                                        Percent
                                    </th>
                                </tr>
                            </thead>
                    </HeaderTemplate>
                    <ItemTemplate>
                        <tr>
                            <td>
                                <asp:Literal ID="litPoint" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Point") %>' />
                            </td>
                            <td>
                                <asp:Literal ID="litPixed" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Pixel") %>' />
                            </td>
                            <td>
                                <asp:Literal ID="litEm" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Em") %>' />
                            </td>
                            <td>
                                <asp:Literal ID="litPercent" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "Percent") %>' />
                            </td>
                        </tr>
                    </ItemTemplate>
                    <FooterTemplate>
                        </table>
                    </FooterTemplate>
                    <SeparatorTemplate>
                    </SeparatorTemplate>
                </asp:Repeater> 
    </div>
    </form>
</body>
</html>
